@font-face {
  font-family: 'biaoti';
  src: url("../FontFamily/biaoti.ttf");
}

@font-face {
  font-family: 'Pingfang';
  src: url("../FontFamily/PingFang.ttf");
}

.sanstyle {
  width: 100%;
  height: 100%;
  display: flex;
  flex-shrink: 0;
  /*overflow: hidden;*/
}

.sanstyle > div:nth-child(1) {
  height: 100%;
  width: 27%;
}

.sanstyle > div:nth-child(2) {
  /*margin-top: .3rem;*/
  height: calc(100% - .3rem);
  width: 46%;
}

.sanstyle > div:nth-child(3) {
  height: 100%;
  width: 27%;
}

.sanstyle .ssl {
  width: calc(100% - .56rem);
  height: calc(100% - .45rem);
  margin-left: .4rem;
}

.sanstyle .ssls {
  width: calc(100% - .32rem);
  height: calc(100% - .45rem);
  margin-left: .16rem;
  overflow: hidden;
}

.sstitle {
  width: 100%;
  height: .5rem;
  display: flex;
  justify-content: flex-end;
  background: url("../images/zbt.png") no-repeat left;
  background-size: 100% 100%;
  position: relative;
  /*overflow: hidden;*/
}

.sstitles {
  width: 100%;
  height: .5rem;
  display: flex;
  justify-content: flex-end;
  background: url("../images/ybt.png") no-repeat right;
  background-size: 100% 100%;
  position: relative;
  /*overflow: hidden;*/
}

html {
  font-family: Pingfang;
  font-size: .14rem;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  color: #303033;
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

audio, canvas, progress, video {
  display: inline-flex;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

svg:not(:root) {
  overflow: hidden;
}

a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #0088cc;
}

a:active {
  outline: 0;
}

a:active {
  color: #006699;
}

img {
  border: 0;
  vertical-align: middle;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  outline: none
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

button, input, select, textarea {
  font-family: "Microsoft Yahei", Helvetica, STHeiTi, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
  margin: 0;
}

ul, ol, li, dl, dd {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none outside none;
}

h1, h2, h3 {
  line-height: 2;
  font-weight: normal;
}

h1 {
  font-size: 1.8rem;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.4rem;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cccccc;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cccccc;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #cccccc;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}




